<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.util.List" %>
<%@page import="econutri.persistencia.entidades.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="Cache-Control" content="no-cache, no-store" />
        <meta http-equiv="Pragma" content="no-cache, no-store" />
        <meta http-equiv="Expires" content="0"/>
        <title>ecoNutri</title>
        <link rel="icon" href="imagens/coins.png" type="image/x-icon">
        <link rel="shortcut icon" href="imagens/coins.png" type="image/x-icon">
        <link type="text/css" href="css/basic.css" rel="stylesheet" media="screen" />
        <link href="css/default.css" rel="stylesheet" type="text/css" />
        <link href="css/dhtmlgoodies_calendar.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/utils.js"></script>
        <script type="text/javascript" src="js/dhtmlgoodies_calendar.js"></script>
    </head>
    <% Usuario usuarioSession = (Usuario) session.getAttribute("usuario");%>
    <body>
        <div class="header-title">
            <table style="width: 100%;">
                <tr>
                    <td>
                        <img class="titleimglink" src="imagens/coins.png" />&nbsp;<span class="titleimglink"><a href="InicioServlet">ecoNutri</a> - Alimente-se Bem. Gaste Pouco.</span></td>
                    <td align="right">
                        <img class="titleimglink" src="imagens/user.png" />&nbsp;<span class="titleimglink"><%= usuarioSession.getNome()%></span>&nbsp;|&nbsp;
                        <img class="titleimglink" src="imagens/date.png" />&nbsp;<span class="titleimglink"><%= session.getAttribute("inicioLogin").toString() %></span>&nbsp;|&nbsp;
                        <a href="LogoutServlet"><img class="titleimglink" src="imagens/close.gif" /></a>&nbsp;<a href="LogoutServlet"><span class="titleimglink">Sair</span></a>
                    </td>
                </tr>
            </table>
        </div>
        <table>
            <tr>
                <td valign="top">
                    <div class="menu-container">
                        <center>
                        <a href="InicioServlet"><img src="imagens/logo_m.png" /></a>
                        </center>
                        <br/>
                        <br/>
                        <div class="menu-title">Menu</div>
                        <a href="PacienteServlet">
                            <div class="menu-button">
                                <img src="imagens/group.png" /><br/><span>Pacientes</span>
                            </div>
                        </a>
                        <br/>
                        <a href="AlimentoServlet">
                            <div class="menu-button">
                                <img src="imagens/food.png" /><br/><span>Alimentos</span>
                            </div>
                        </a>
                        <br/>
                        <a href="RefeicaoServlet">
                            <div class="menu-button">
                                <img src="imagens/cup.png" /><br/><span>Refeições</span>
                            </div>
                        </a>
                        <br/>
                        <a href="UsuarioServlet">
                            <div class="menu-button">
                                <img src="imagens/user.png" /><br/><span>Usuários</span>
                            </div>
                        </a>
                        <br/>
                        <a href="PreferenciaServlet">
                            <div class="menu-button">
                                <img src="imagens/thumb_up.png" /><br/><span>Preferências</span>
                            </div>
                        </a>
                        <br/>
                        <a href="AversaoServlet">
                            <div class="menu-button">
                                <img src="imagens/thumb_down.png" /><br/><span>Aversões</span>
                            </div>
                        </a>
                        <br/>
                        <a href="RecordatorioServlet">
                            <div class="menu-button">
                                <img src="imagens/report_user.png" /><br/><span>Recordatório</span>
                            </div>
                        </a>
                        <br/>
                        <a href="RecomendacaoServlet">
                            <div class="menu-button">
                                <img src="imagens/page_white_wrench.png" /><br/><span>Recomendações</span>
                            </div>
                        </a>
                        <br/>
                        <a href="SugestaoServlet">
                            <div class="menu-button">
                                <img src="imagens/page_white_text.png" /><br/><span>Sugestão Alimentar</span>
                            </div>
                        </a>
                    </div>
                </td>
                <td>
                    <div class="div-separator"></div>
                </td>
                <td valign="top">
                    <div class="container">
                        <% if (request.getAttribute("message") != null) {%>
                        <br/>
                        <div class="message"><%= request.getAttribute("message").toString()%></div>
                        <% }%>
                        <%-- Menu - Fim --%>
                        <div id="modalLoading" class="modal-loading">
                            <img src="imagens/waiting.gif" alt="Carregando" />
                            <div class="form-title">Carregando informações...</div>
                        </div>
                        <div class="content">